<!doctype html>

<html>

	<head>

		<meta charset="utf-8" />

		<title>Baidu Maps</title>

		<style>

			html { height: 100% }

			body { height: 100%; margin: 0; padding: 0; background-color: #FFF }

		</style>

		<script charset="utf-8" src="http://api.map.baidu.com/api?v=1.3"></script>

		<script>

			var map, geocoder;

			function initialize() {

				map = new BMap.Map('map_canvas');

				var point = new BMap.Point(121.473704, 31.230393);

				map.centerAndZoom(point, 11);

				map.addControl(new BMap.NavigationControl());

				map.enableScrollWheelZoom();



				var gc = new BMap.Geocoder();

				gc.getLocation(point, function(rs){

					var addComp = rs.addressComponents;

					var address = [addComp.city].join('');

					parent.document.getElementById("kindeditor_plugin_map_address").value = address;

				});

			}

			function search(address) {

				if (!map) return;

				var local = new BMap.LocalSearch(map, {

					renderOptions: {

						map: map,

						autoViewport: true,

						selectFirstResult: false

					}

				});

				local.search(address);

			}

		</script>

	</head>

	<body onload="initialize();">

		<div id="map_canvas" style="width:100%; height:100%"></div>

	</body>

</html>

